<div class="bulk-list-item">
  <div class="bulk-list-item-state">
    @switch (item().state) {
      @case (State.Initial) {
        <ix-icon
          name="radio_button_checked"
          class="initial"
          [matTooltip]="item().message || 'Pending' | translate"
        ></ix-icon>
      }
      @case (State.Running) {
        <mat-spinner
          class="running"
          [diameter]="20"
          [matTooltip]="item().message || 'Running' | translate"
        ></mat-spinner>
      }
      @case (State.Success) {
        <ix-icon
          name="check_circle"
          class="success"
          [matTooltip]="item().message || 'Success' | translate"
        ></ix-icon>
      }
      @case (State.Error) {
        <ix-icon
          name="error"
          class="error"
          [matTooltip]="item().message || 'Error' | translate"
        ></ix-icon>
      }
    }
  </div>
  <div class="bulk-list-item-title">
    <ng-content></ng-content>
  </div>
</div>
